/* 滚动条的宽度 */
*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

/* 滚动条凹槽的颜色，还可以设置边框属性 */
*::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

/* 滚动条的设置 */
*::-webkit-scrollbar-thumb {
  background-color: #ddd;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;

  &:hover {
    background-color: #bbb;
  }
}

html, body, #app, .n-config-provider {
  height: 100%;
}

body {
  min-width: 1440px;
  background-color: #f7f7f7;
}

body[data-useragent*='Mac OS X'] {
  font-family: "PingFang SC", "San";
}

body[data-useragent*='Win'] {
  font-family: "微软雅黑", "Arial";
}

#app {
  .card-container {
    .n-card-header {
      padding-bottom: 40px;
    }

    .n-card__content {
      .n-data-table {
        height: calc(100vh - 240px);
        @media screen and (max-width: 1439px) {
          height: calc(100vh - 249px);
        }

        .n-data-table__pagination {
          justify-content: center;
        }
      }
    }
  }

  .tab-card {
    .n-card__content {
      padding: 32px 100px 32px 48px;

      .n-tabs--line-type {
        .n-tabs-nav {
          .n-tabs-tab-wrapper {
            .n-tabs-tab-pad {
              width: 16px;
            }
          }

          .n-tabs-tab-wrapper {
            .n-tabs-tab {
              width: 120px;
              justify-content: center;
              padding-top: 0;
              padding-bottom: 15px;
              font-size: 18px;
            }
          }
        }

        .n-tabs-pane-wrapper {
          .n-tab-pane {
            .n-form {
              .n-form-item-label {
                padding-right: 0;
                margin-right: 32px;
                color: rgba(0, 0, 0, 0.6);
              }

              .n-form-item-blank {
                .n-input,
                .n-select {
                  width: 360px;
                }
              }

              .n-alert {
                width: 512px;
                height: 40px;
                margin-bottom: 24px;

                .n-alert-body {
                  border: none;
                  padding: 10px 20px;

                  .n-alert-body__content {
                    color: rgba(0, 0, 0, 0.6);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
